<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--suppress ALL-->
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link th:href="@{/resources/css/common.css}" rel="stylesheet" tyle="text/css" />
<link th:href="@{/resources/css/style.css}" rel="stylesheet" type="text/css" />
<link th:href="@{/resources/fonts/iconfont.css}" rel="stylesheet" type="text/css" />
<script th:src="@{/resources/js/jquery.min.1.8.2.js}" type="text/javascript"></script>
<script th:src="@{/resources/js/jquery.SuperSlide.2.1.1.js}" type="text/javascript"></script>
<script th:src="@{/resources/js/common_js.js}" type="text/javascript"></script>
<script th:src="@{/resources/js/footer.js}" type="text/javascript"></script>
<script th:src="@{/resources/js/jquery.jumpto.js}" type="text/javascript"></script>
<title>无标题文档</title>
</head>

<body>
<!--顶部样式-->
<div id="header_top">
  <div id="top">
    <div class="Inside_pages">
      <div class="Collection">下午好，欢迎光临onlineshop！<em></em></div>
	<div class="hd_top_manu clearfix">
	  <ul class="clearfix">
	   <li class="hd_menu_tit zhuce" data-addclass="hd_menu_hover">欢迎光临本店！<a href="login.html" class="red">[请登录]</a> 新用户<a href="registered.html" class="red">[免费注册]</a></li>
	   <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">我的订单</a></li>
	   <li class="hd_menu_tit" data-addclass="hd_menu_hover"> <a href="#">购物车(<b>0</b>)</a> </li>
	   <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">联系我们</a></li>
	   <li class="hd_menu_tit list_name" data-addclass="hd_menu_hover"><a href="#" class="hd_menu">客户服务</a>
	    <div class="hd_menu_list">
		   <ul>
		    <li><a href="#">常见问题</a></li>
			<li><a href="#">在线退换货</a></li>
		    <li><a href="#">在线投诉</a></li>
			<li><a href="#">配送范围</a></li>
		   </ul>
		</div>
	   </li>
       <li class="hd_menu_tit phone_c" data-addclass="hd_menu_hover"><a href="#" class="hd_menu "><em class="iconfont icon-phone"></em>手机版</a>
	    <div class="hd_menu_list erweima">
		   <ul>
            <img th:src="@{/resources/images/erweima.png}"  width="100px" height="100"/>
		   </ul>
		</div>
	   </li>
	  </ul>
	</div>
    </div>
  </div>
  <!--样式-->
<!--顶部样式2-->
<div id="header "  class="header page_style">
  <div class="logo"><a href="#"><img th:src="@{/resources/images/logo.png}" /></a></div>
  <!--可修改图层-->
  <div class="festival"><a href="#"><img th:src="@{/resources/images/logo_yd.png}" /></a></div>
  <!--结束图层-->
  <div class="Search">
    <p><input name="" type="text"  class="text"/><input name="" type="submit" value="搜 索"  class="Search_btn"/></p>
</div>
 <div class="hd_Shopping_list" id="Shopping_list">
   <div class="s_cart"><em></em><a href="#">我的购物车</a> <i class="ci-right">&gt;</i><i class="ci-count" id="shopping-amount">0</i></div>
   <div class="dorpdown-layer">
    <div class="spacer"></div>
	 <!--<div class="prompt"></div><div class="nogoods"><b></b>购物车中还没有商品，赶紧选购吧！</div>-->
	 <ul class="p_s_list">
		<li>
		    <div class="img"><img th:src="@{/resources/images/tianma.png}"></div>
		    <div class="content"><p><a href="#">产品名称</a></p><p>颜色分类:紫花8255尺码:XL</p></div>
			<div class="Operations">
			<p class="Price">￥55.00</p>
			<p><a href="#">删除</a></p></div>
		  </li>
		</ul>
	 <div class="Shopping_style">
	 <div class="p-total">共<b>1</b>件商品　共计<strong>￥ 515.00</strong></div>
	  <a href="#" title="去购物车结算" id="btn-payforgoods" class="Shopping">去购物车结算</a>
	 </div>
   </div>
 </div>
</div>
<!--菜单导航样式-->
<div id="Menu" class="clearfix">
<div class="Inside_pages">
	<!--菜单栏-->
	<div class="Navigation" id="Navigation">
		 <ul class="Navigation_name">
			<li><a href="#">图书</a></li>
			<li><a href="#">手机</a></li>
			<li><a href="#">生鲜</a></li>
			<li><a href="#">家用电器</a></li>
			<li><a href="#">个人化妆</a></li>
			<li><a href="#">电脑办公</a></li>
			<li><a href="#">食品饮品</a></li>
			<li><a href="#">服饰内衣</a></li>
			<li><a href="#">购物车</a></li>
		 </ul>
		</div>
	<script>$("#Navigation").slide({titCell:".Navigation_name li"});</script>
  </div>
</div>
</div>
</div>
<!--广告-->
<div style=" background-image:url(/mall_shopping_war/resources/images/ADimg_02.png); background-position:center; background-repeat:no-repeat; height:470px;"></div>
<!--团购样式-->
<div class="Inside_pages clearfix">
 <div class="group_buy">

   <div class="group_list" th:each="product:${byCategoryId}">
  <ul class="group_info">
   <li class="group_img"><a href="#"><img th:src="@{${product.main_image}}" /></a></li>
   <li class="group_name">
    <a href="#" th:text="${product.tetail}" >好丽友 巧克力派48枚1.6kg 休闲零食大礼包</a>
    <div class="group_content" th:text="${product.name}">松软蛋糕 棉花糖夹心 香甜软糯 松软可口</div>
    <div class="group_Price"><span>团购价：</span><i>￥</i><em th:text="${product.price}">45.00</em></div>
    <div class="Original_Price"><span>原价：</span><i>￥</i><em th:text="${product.price}">45.00</em></div>
    <a href="#" class="buy_botton">立即购买</a>
   </li>
  </ul>
  </div>
<!--   <div class="group_list">
  <ul class="group_info">
   <li class="group_img"><a href="#"><img th:src="@{/resources/images/Classify_img_20.jpg}" /></a></li>
   <li class="group_name">
    <a href="#">好丽友 巧克力派48枚1.6kg 休闲零食大礼包</a>
    <div class="group_content">松软蛋糕 棉花糖夹心 香甜软糯 松软可口</div>
    <div class="group_Price"><span>团购价：</span><i>￥</i><em>45.00</em></div>
    <div class="Original_Price">原价：￥65.20</div>
    <a href="#" class="buy_botton">立即购买</a>
   </li>
  </ul>
  </div>
   <div class="group_list">
  <ul class="group_info">
   <li class="group_img"><a href="#"><img th:src="@{/resources/images/Classify_img_20.jpg}" /></a></li>
   <li class="group_name">
    <a href="#">好丽友 巧克力派48枚1.6kg 休闲零食大礼包</a>
    <div class="group_content">松软蛋糕 棉花糖夹心 香甜软糯 松软可口</div>
    <div class="group_Price"><span>团购价：</span><i>￥</i><em>45.00</em></div>
    <div class="Original_Price">原价：￥65.20</div>
    <a href="#" class="buy_botton">立即购买</a>
   </li>
  </ul>
  </div>
   <div class="group_list">
  <ul class="group_info">
   <li class="group_img"><a href="#"><img th:src="@{/resources/images/Classify_img_20.jpg}" /></a></li>
   <li class="group_name">
    <a href="#">好丽友 巧克力派48枚1.6kg 休闲零食大礼包</a>
    <div class="group_content">松软蛋糕 棉花糖夹心 香甜软糯 松软可口</div>
    <div class="group_Price"><span>团购价：</span><i>￥</i><em>45.00</em></div>
    <div class="Original_Price">原价：￥65.20</div>
    <a href="#" class="buy_botton">立即购买</a>
   </li>
  </ul>
  </div>
   <div class="group_list">
  <ul class="group_info">
   <li class="group_img"><a href="#"><img th:src="@{/resources/images/Classify_img_20.jpg}" /></a></li>
   <li class="group_name">
    <a href="#">好丽友 巧克力派48枚1.6kg 休闲零食大礼包</a>
    <div class="group_content">松软蛋糕 棉花糖夹心 香甜软糯 松软可口</div>
    <div class="group_Price"><span>团购价：</span><i>￥</i><em>45.00</em></div>
    <div class="Original_Price">原价：￥65.20</div>
    <a href="#" class="buy_botton">立即购买</a>
   </li>
  </ul>
  </div>
   <div class="group_list">
  <ul class="group_info">
   <li class="group_img"><a href="#"><img th:src="@{/resources/images/Classify_img_20.jpg}" /></a></li>
   <li class="group_name">
    <a href="#">好丽友 巧克力派48枚1.6kg 休闲零食大礼包</a>
    <div class="group_content">松软蛋糕 棉花糖夹心 香甜软糯 松软可口</div>
    <div class="group_Price"><span>团购价：</span><i>￥</i><em>45.00</em></div>
    <div class="Original_Price">原价：￥65.20</div>
    <a href="#" class="buy_botton">立即购买</a>
   </li>
  </ul>
  </div>
   <div class="group_list">
  <ul class="group_info">
   <li class="group_img"><a href="#"><img th:src="@{/resources/images/Classify_img_20.jpg}" /></a></li>
   <li class="group_name">
    <a href="#">好丽友 巧克力派48枚1.6kg 休闲零食大礼包</a>
    <div class="group_content">松软蛋糕 棉花糖夹心 香甜软糯 松软可口</div>
    <div class="group_Price"><span>团购价：</span><i>￥</i><em>45.00</em></div>
    <div class="Original_Price">原价：￥65.20</div>
    <a href="#" class="buy_botton">立即购买</a>
   </li>
  </ul>
  </div>
   <div class="group_list">
  <ul class="group_info">
   <li class="group_img"><a href="#"><img th:src="@{/resources/images/Classify_img_20.jpg}" /></a></li>
   <li class="group_name">
    <a href="#">好丽友 巧克力派48枚1.6kg 休闲零食大礼包</a>
    <div class="group_content">松软蛋糕 棉花糖夹心 香甜软糯 松软可口</div>
    <div class="group_Price"><span>团购价：</span><i>￥</i><em>45.00</em></div>
    <div class="Original_Price">原价：￥65.20</div>
    <a href="#" class="buy_botton">立即购买</a>
   </li>
  </ul>
  </div>
   <div class="group_list">
  <ul class="group_info">
   <li class="group_img"><a href="#"><img th:src="@{/resources/images/Classify_img_20.jpg}" /></a></li>
   <li class="group_name">
    <a href="#">好丽友 巧克力派48枚1.6kg 休闲零食大礼包</a>
    <div class="group_content">松软蛋糕 棉花糖夹心 香甜软糯 松软可口</div>
    <div class="group_Price"><span>团购价：</span><i>￥</i><em>45.00</em></div>
    <div class="Original_Price">原价：￥65.20</div>
    <a href="#" class="buy_botton">立即购买</a>
   </li>
  </ul>
  </div>-->
 </div>
</div>
  <!--底部样式-->
 <div class="ft_footer_service" id="footer">
  <div class="footerbox" >
  <!--底部-->
  <div class="Menu_style ensure ">
    <div class="phone">
      400-123456
    </div>
    <div class="icon_en">
     <a href="#" class="icon_link"><img th:src="@{/resources/images/footer_icon_31.png}" /><span class="left"><h2>退换货</h2>7天无理由退换货</span></a>
     <a href="#" class="icon_link"><img th:src="@{/resources/images/footer_icon_33.png}" /><span class="left"><h2>正品保障</h2>企业认证产品</span></a>
     <a href="#" class="icon_link"><img th:src="@{/resources/images/footer_icon_35.png}" /><span class="left"><h2>满包邮</h2>满68元包邮</span></a>
     <a href="#" class="icon_link"><img th:src="@{/resources/images/footer_icon_37.png}" /><span class="left"><h2>直供产品</h2>厂家直销平台</span></a>
    </div>
   </div>
  </div>
 </div>
 <!--底部样式-->
 <div class="footer">
  <div class="footerbox clearfix">
  <div class="clearfix">
   <div class="left help_link">
    <dl>
	 <dt>投保指南</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>
	<dl>
	 <dt>保险服务</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>
	<dl>
	 <dt>支付方式</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>
	<dl>
	 <dt>帮助中心</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>
   </div>
   <!--信息内容-->

  <!--认证-->
 <!--认证展示样式-->
<div class="Authenticate left clearfix" id="Authenticate_show">
  <div class="Authenticate_show">
  <div class="picMarquee-left">
			<div class="hd">
				<a class="next">&lt;</a>
				<a class="prev">&gt;</a>
			</div>
			<div class="bd">
				<ul class="picList">
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic1.jpg}" /></a></div>
                          <!--<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图1</a></div>-->
                    </li>
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic2.jpg}" /></a></div>
						<!--<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图2</a></div>-->
					</li>
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic3.jpg}" /></a></div>

					</li>
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic4.jpg}" /></a></div>

					</li>
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic5.jpg}" /></a></div>

					</li>
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic6.jpg}" /></a></div>

					</li>
                    <li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic6.jpg}" /></a></div>

					</li>
                    <li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic6.jpg}" /></a></div>

					</li>
				</ul>
			</div>
		</div>

		<script type="text/javascript">
		jQuery(".picMarquee-left").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:2,interTime:50});
		</script>
  </div>
</div>
  </div>
 <div class="text_link">
   <p>
  <a href="#">关于我们</a>｜ <a href="#">公开信息披露</a>｜ <a href="#">加入我们</a>｜ <a href="#">联系我们</a>｜ <a href="#">版权声明</a>｜ <a href="#">隐私声明</a>｜ <a href="#">网站地图</a></p>
	 <p>蜀ICP备11017033号 Copyright ©2011 成都福际生物技术有限公司 All Rights Reserved. Technical support:CDDGG Group</p>
  </div>
  </div>
 </div>
 <!--右侧菜单栏购物车样式-->
<div class="fixedBox">
  <ul class="fixedBoxList">
      <li class="fixeBoxLi user"><a href="#"> <span class="fixeBoxSpan iconfont icon-my"></span> <strong>用户</strong></a> </li>
    <li class="fixeBoxLi cart_bd" style="display:block;" id="cartboxs">
		<p class="good_cart">0</p>
			<span class="fixeBoxSpan iconfont icon-cart"></span> <strong>购物车</strong>
			<div class="cartBox">
       		<div class="bjfff"></div><div class="message">购物车内暂无商品，赶紧选购吧</div>    </div></li>
    <li class="fixeBoxLi Service "> <span class="fixeBoxSpan iconfont icon-qq1"></span> <strong>客服</strong>
      <div class="ServiceBox">
        <div class="bjfffs"></div>
        <dl onclick="javascript:;">
		    <dt><img th:src="@{/resources/images/Service1.png}"></dt>
		       <dd><strong>QQ客服1</strong>
		          <p class="p1">9:00-22:00</p>
		           <p class="p2"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a></p>
		          </dd>
		        </dl>
				<dl onclick="javascript:;">
		          <dt><img th:src="@{/resources/images/Service1.png}"></dt>
		          <dd> <strong>QQ客服1</strong>
		            <p class="p1">9:00-22:00</p>
		            <p class="p2"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a></p>
		          </dd>
		        </dl>
	          </div>
     </li>
	 <li class="fixeBoxLi code cart_bd " style="display:block;" id="cartboxs">
			<span class="fixeBoxSpan iconfont icon-weixin"></span> <strong>微信</strong>
			<div class="cartBox">
       		<div class="bjfff"></div>
			<div class="QR_code">
			 <p><img th:src="@{/resources/images/erweim.jpg}" width="150px" height="150px" style=" margin-top:10px;" /></p>
			 <p>微信扫一扫，关注我们</p>
			</div>
			</div>
			</li>

    <li class="fixeBoxLi Home"> <a href="./"> <span class="fixeBoxSpan iconfont  icon-collect"></span> <strong>收藏</strong> </a> </li>
    <li class="fixeBoxLi BackToTop"> <span class="fixeBoxSpan iconfont icon-top"></span> <strong>返回顶部</strong> </li>
  </ul>
</div>
</body>
</html>
